import React from 'react'
import { useLocation } from 'react-router-dom'
import { Card, Descriptions, Button } from 'antd'
export default function HospitalShow() {
  // 解构重命名
  const { state: id } = useLocation()
  console.log(id)

  return (
    <Card>
      <Descriptions title="基本信息" bordered column={2}>
        <Descriptions.Item label="医院名称">Cloud Database</Descriptions.Item>
        <Descriptions.Item label="医院logo">Prepaid</Descriptions.Item>
        <Descriptions.Item label="医院编码">YES</Descriptions.Item>
        <Descriptions.Item label="医院地址">
          2018-04-24 18:00:00
        </Descriptions.Item>
        {/* span表示这一列占一行中的几个位置. 默认有3个位置,但是在Descriptions, 通过column改为了2个 */}
        <Descriptions.Item label="坐车路线" span={2}>
          2019-04-24 18:00:00
        </Descriptions.Item>
        <Descriptions.Item label="医院简介" span={2}>
          器3
        </Descriptions.Item>
      </Descriptions>
      <Descriptions
        title="预约规则信息"
        bordered
        column={2}
        style={{ marginTop: 20, marginBottom: 20 }}
      >
        <Descriptions.Item label="预约周期">Cloud Database</Descriptions.Item>
        <Descriptions.Item label="放号时间">Prepaid</Descriptions.Item>
        <Descriptions.Item label="停挂时间">YES</Descriptions.Item>
        <Descriptions.Item label="退号时间">
          2018-04-24 18:00:00
        </Descriptions.Item>
        {/* span表示这一列占一行中的几个位置. 默认有3个位置,但是在Descriptions, 通过column改为了2个 */}
        <Descriptions.Item label="预约规则" span={2}>
          2019-04-24 18:00:00
        </Descriptions.Item>
      </Descriptions>
      <Button>返回</Button>
    </Card>
  )
}
